@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th
{  
margin: 0;  
padding: 0;  
border: 0;  
outline: 0;   
font-size: 100%;  
}  
:focus {  
outline: 0;  
}
html {
	height: 100%;
}
body {
	font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; 
	margin:0px; 
	padding:0px; 
	color:#333;
	height: 100%;
	background: #ebf0f6;
	overflow-y: hidden;
	overflow-x: auto;
}
body,td,div,p,br,b,strong,i,em,a,pre,img,dl,dt,dd,li,form,th,tr,span,input { 
	font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; 
	font-size:12px;
}
ol, ul {  
list-style: none;
}
ul li {
	overflow: hidden;
}
a,a:visited { 
	color:#333; 
	text-decoration: none;
}
a:hover { 
	color:#333; 
	text-decoration: underline;
}
.box { 
	padding: 10px 15px;
}
.clr {
	clear:both; 
	overflow:hidden; 
	height:1px; 
	margin-top:-1px;
}
.hid { 
	display:none;
}
.margin_ten { 
	margin-top:10px;
}
.margin_two {
	margin-top:20px;
}
.margin_twofive {
	margin-top:25px;
}
.over_hid { 
	overflow:hidden;
}
.songti { 
	font-family:"宋体",Arial, Helvetica, sans-serif;
}
.en { 
	font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	display: inline;
}
.backfff {
	background: #fff;
}

.top {
	height: 50px;
	background: #4966ff;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 999;
	h1 {
		display: inline-block;
		float: left;
		margin-left: 22px;
		line-height: 50px;
		font-size: 22px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	a {
		float: right;
		margin-right: 15px;
		line-height: 50px;
		font-size: 16px;
		color: #fff;
	}
	span {
		float: right;
		margin-right: 15px;
		line-height: 50px;
		font-size: 16px;
		color: #fff;
	}
}

.menu {
	width: 220px;
	background: #41485a;
	position: fixed;
	left: 0px;
	top: 50px;
	z-index: 999;
	li {
		height: 62px;
		a {
			display: block;
			height: 62px;
			padding-left: 36px;
			line-height: 60px;
			font-size: 20px;
			color: #c3c8d1;
			background: url("../images/menu_style.jpg") no-repeat;
			&.active {
				background: url("../images/menu_style_act.jpg") no-repeat;
				color: #fff;
			}
		}
	}
}

.boxer {
	position: absolute;
	top: 50px;
	left: 220px;
	overflow: auto;
	z-index: 99;
}
.boxer-table-list {
	position: absolute;
	top: 50px;
	left: 220px;
	overflow: auto;
	z-index: 99;
	overflow-x: hidden;
}

.search {
	height: 40px;
	i.ico {
		display: inline-block;
		padding-left: 25px;
		line-height: 30px;
		background: url("../images/search_ico.png") 0px 6px no-repeat;
		font-size: 16px;
		color: #464d5e;
		font-style: normal;
		margin-right: 15px;
		float: left;
	}
	input.t {
		display: inline-block;
		float: left;
		width: 128px;
		height: 28px;
		padding: 0px 10px;
		border: 1px solid #e1e2e7;
		background: #fff;
		margin-right: 15px;
		margin-bottom: 10px;
		&.time {
			background: url("../images/search_time.png") 122px 4px no-repeat #fff;
		}
	}
	&.user-search input.t {
		width: 100px;
	}
	span.fg {
		float: left;
		line-height: 30px;
		margin-left: -10px;
		margin-right: 5px;
		color: #bec2cb;
		font-size: 16px;
	}
	.win7_nkDropList {
		float: left;
		margin-right: 15px;
	}
	input.btn {
		display: inline-block;
		float: left;
		width: 80px;
		height: 30px;
		border: 0px;
		background: #4966ff;
		color: #fff;
		margin-right: 15px;
		cursor: pointer;
		font-size: 16px;
		line-height: 24px;
	}
	&.search-blacklist {
		height: 90px;
		position: relative;
	}
}

.quick-operation {
	height: 30px;
	button {
		display: block;
		width: 130px;
		height: 30px;
		float: left;
		text-align: center;
		line-height: 30px;
		font-size: 16px;
		border: 0px;
		color: #fff;
		cursor: pointer;
		margin-right: 10px;
		&.blue {
			background: #34c3ff;
		}
		&.orange {
			background: #ff6034;
		}
		&.yellow {
			background: #ffbe22;
		}
		&.red {
			background: #f14848;
		}
		&.green {
			background: #7cc654;
		}
		&.import {
			background: #4966ff;
			float: right;
			margin-right: 0px;
		}
	}
}

.default-table-box {
	padding: 15px;
	background: #fff;
	.default-table {
		table {
			th {
				height: 50px;
				background: #ebf0f6;
				text-align: center;
				line-height: 50px;
				font-size: 18px;
				color: #383f51;
				font-weight: normal;
				border-right: 1px solid #ebf0f6;
				border-bottom: 1px solid #d8dde2;
				&:last-child {
					border-right: 0px;
				}
				span {
					display: inline-block;
					padding-left: 20px;
					font-size: 18px;
					color: #383f51;
					background: url("../images/table_top_all.png") 0px 18px no-repeat;
					cursor: pointer;
					&.selected {
						background: url("../images/table_selected.png") 0px 18px no-repeat;
					}
				}
			}
			td {
				height: 40px;
				font-size: 18px;
				color: #383f51;
				text-align: center;
				border-right: 1px solid #d8dde2;
				border-bottom: 1px solid #d8dde2;
				position: relative;
				a {
					font-size: 18px;
					color: #4966ff;
					&.operation {
						display: inline-block;
						width: 20px;
						height: 20px;
						margin: 0px 5px;
						&.view {
							background: url("../images/table_view.png") no-repeat;
						}
						&.ok {
							background: url("../images/table_shok.png") no-repeat;
						}
						&.jj {
							background: url("../images/table_shjj.png") no-repeat;
						}
						&.dsh {
							background: url("../images/table_dsh.png") no-repeat;
						}
						&.qxrp {
							background: url("../images/table_qxrp.png") no-repeat;
						}
						&.tjrp {
							background: url("../images/table_tjrp.png") no-repeat;
						}
						&.edit {
							background: url("../images/table_edit.png") no-repeat;
						}
						&.stop {
							background: url("../images/table_stop.png") no-repeat;
						}
						&.use {
							background: url("../images/table_use.png") no-repeat;
						}
						&.del {
							background: url("../images/table_del.png") no-repeat;
						}
						&.submit {
							background: url("../images/table_edit_submit.png") no-repeat;
							width: 25px;
							height: 19px;
						}
						&.quxiao {
							background: url("../images/table_edit_quxiao.png") no-repeat;
							width: 17px;
							height: 19px;
						}
						&.jsxg {
							background: url("../images/table_jsxg.png") no-repeat;
						}
						&.qxfp {
							background: url("../images/table_qxfp.png") no-repeat;
						}
						&.psd {
							background: url("../images/table_psd.png") no-repeat;
						}
					}
				}
				&:last-child {
					border-right: 0px solid #d8dde2;
				}
				&.title {
					text-align: left;
					padding: 0px 10px;
				}
				input {
					width: 88%;
					height: 30px;
					border: 1px solid #ccc;
					padding: 0px 2%;
					line-height: 30px;
					font-size: 16px;
				}
				select {
					padding: 5px 10px;
				}
				i {
					line-height: 14px;
					font-style: normal;
					font-size: 18px;
				}
				span {
					display: inline-block;
					width: 15px;
					height: 15px;
					background: url("../images/table_item_select.png") no-repeat;
					float: left;
					margin-left: 10px;
					cursor: pointer;
					&.selected {
						background: url("../images/table_selected.png") no-repeat;
					}
				}
				label {
					display: inline-block;
					width: 15px;
					height: 15px;
					background: url("../images/table_item_select.png") no-repeat;
					cursor: pointer;
					&.selected {
						background: url("../images/table_selected.png") no-repeat;
					}
				}
				p {
					display: block;
					width: 94%;
					padding: 5px 3%;
					font-size: 18px;
					color: #383f51;
					line-height: 26px;
				}
				&.dingc {
					z-index: 888;
				}
				div {
					display: none;
					width: 470px;
					padding: 15px;
					border: 1px solid #d8dde2;
					background: #fff;
					position: absolute;
					left: 200px;
					top: 39px;
					z-index: 999;
					text-align: left;
					line-height: 30px;
					font-size: 18px;
					color: #383f51;
					-moz-box-shadow:0px 0px 10px #d8dde2; 
					-webkit-box-shadow:0px 0px 10px #d8dde2; 
					box-shadow:0px 0px 10px #d8dde2;

				}
			}
		}
	}
}

.default-pages {
	height: 40px;
	position: relative;
	div {
		font-size: 18px;
		line-height: 30px;
		color: #383f51;
		em {
			display: inline-block;
			width: 40px;
			height: 28px;
			border: 1px solid #4966ff;
			margin: 0px 5px;
			position: relative;
			padding-left: 10px;
			cursor: pointer;
			font-size: 16px;
			font-style: normal;
			b {
				font-size: 16px;
				font-style: normal;
				font-weight: normal;
			}
			i {
				font-size: 14px;
				position: absolute;
				right: 5px;
				top: 2px;
				font-style: normal;
				font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif;
				color: #4966ff;
			}
			ul {
				display: none;
				width: 50px;
				height: 66px;
				position: absolute;
				left: -1px;
				top: -68px;
				border: 1px solid #4966ff;
				border-bottom: 0px;
				background: #fff;
				margin-left: 0px;
				li {
					display: block;
					width: 100%;
					height: 22px;
					text-align: center;
					line-height: 22px;
					margin: 0px;
					font-size: 14px;
				}
			}
		}
	}
	ul {
		width: 700px;
		position: absolute;
		left: 50%;
		margin-left: -350px;
		text-align: center;
		top: 0px;
		li {
			display: inline;
			margin: 0px 5px;
			span {
				font-size: 18px;
				line-height: 30px;
				color: #383f51;
			}
			a {
				display: inline-block;
				height: 30px;
				line-height: 30px;
				padding: 0px 10px;
				background: #bec2ce;
				color: #fff;
				font-size: 18px;
			}
			input {
				width: 60px;
				height: 24px;
				text-align: center;
				border: 1px solid #d8dde2;
				line-height: 24px;
				font-size: 16px;
			}
		}
	}
}

.catname {
	height: 35px;
	position: relative;
	h2 {
		line-height: 25px;
		font-size: 18px;
		color: #383f51;
		padding-left: 30px;
		display: block;
		font-weight: normal;
		&.jiaose-list-ico {
			background: url("../images/jiaose_list_ico.png") no-repeat;
		}
		&.jiaose-edit-ico {
			background: url("../images/jiaose_edit_ico.png") no-repeat;
		}
		&.jiaose-creat-ico {
			background: url("../images/jiaose_creat_ico.png") no-repeat;
		}
		&.user-creat-ico {
			background: url("../images/user_creat_ico.png") no-repeat;
		}
		&.user-psd-ico{
			background: url("../images/user_psd_ico.png") no-repeat;
		}
	}
	a {
		display: block;
		width: 100px;
		height: 25px;
		position: absolute;
		right: 0px;
		top: 0px;
		background: #4966ff;
		color: #fff;
		font-size: 16px;
		line-height: 25px;
		text-align: center;
	}
}